:root {
    --color-primary: rgb(202, 64, 252);
    --color-primary-invert: rgb(255, 255, 255);
    --color-primary-active: rgb(174, 40, 252);
    --color-default: rgb(53, 53, 136);
    --color-default-invert: rgb(235, 235, 235);
    --color-default-active: rgb(87, 87, 161);

    --color-success: rgb(0, 214, 251);
    --color-success-invert: rgb(255, 255, 255);
    --color-success-active: rgb(83, 181, 251);
    --color-warning: rgb(255, 128, 0);
    --color-warning-invert: rgb(255, 255, 255);
    --color-warning-active: rgb(200, 110, 0);
    --color-danger: rgb(254, 107, 139);
    --color-danger-invert: rgb(255, 255, 255);
    --color-danger-active: rgb(255, 156, 148);
    --color-disabled: rgb(99, 99, 99);
    --color-disabled-invert: rgb(203, 203, 203);

    --color-highlight-01: rgb(202, 64, 252);
    --color-highlight-01-invert: rgb(255, 255, 255);
    --color-highlight-01-active: rgb(174, 40, 252);
    --color-highlight-02: rgb(255, 175, 71);
    --color-highlight-02-invert: rgb(255, 255, 255);
    --color-highlight-02-active: rgb(255, 138, 66);
    --color-highlight-03: rgb(14, 240, 220);
    --color-highlight-03-invert: rgb(255, 255, 255);
    --color-highlight-03-active: rgb(1, 208, 227);
    --color-highlight-04: rgb(65, 112, 255);
    --color-highlight-04-invert: rgb(255, 255, 255);
    --color-highlight-04-active: rgb(111, 142, 255);
    --color-highlight-05: rgb(255, 96, 144);
    --color-highlight-05-invert: rgb(255, 255, 255);
    --color-highlight-05-active: rgb(255, 54, 71);
    --color-highlight-06: rgb(0, 193, 252);
    --color-highlight-06-invert: rgb(255, 255, 255);
    --color-highlight-06-active: rgb(0, 179, 238);

    --color-highlight-01-05: rgba(202, 64, 252, 0.5);
    --color-highlight-02-05: rgba(255, 175, 71, 0.5);
    --color-highlight-03-05: rgba(14, 240, 220, 0.5);
    --color-highlight-04-05: rgba(65, 112, 255, 0.5);
    --color-highlight-05-05: rgba(255, 96, 144, 0.5);
    --color-highlight-06-05: rgba(0, 193, 252, 0.5);

    --color-highlight-11: rgb(94, 86, 223);
    --color-highlight-12: rgb(221, 171, 239);
    --color-highlight-13: rgb(14, 240, 220);
    --color-highlight-14: rgb(65, 112, 255);
    --color-highlight-15: rgb(255, 96, 144);
    --color-highlight-16: rgb(0, 193, 252);
    --color-highlight-17: rgb(90, 210, 183);

    --color-00: rgb(16, 16, 36);
    --color-01: rgb(25, 25, 59);
    --color-02: rgb(46, 45, 87);
    --color-03: rgb(87, 87, 161);
    --color-04: rgb(120, 120, 161);
    --color-05: rgb(161, 161, 215);
    --color-06: rgb(200, 200, 215);
    --color-07: rgb(225, 225, 255);
    --color-08: rgb(255, 255, 255);

    --color-20: rgb(0, 0, 1);
    --color-21: rgb(63, 52, 125);
    --color-22: rgb(112, 97, 254);
    --color-23: rgb(152, 167, 173);

    --color-00-08: rgba(16, 16, 36, 0.8);
    --color-01-08: rgba(25, 25, 59, 0.8);
    --color-02-08: rgba(46, 45, 87, 0.8);
    --color-03-08: rgba(87, 87, 161, 0.8);
    --color-04-08: rgba(120, 120, 161, 0.8);
    --color-05-08: rgba(161, 161, 215, 0.8);
    --color-06-08: rgba(200, 200, 215, 0.8);
    --color-07-08: rgba(225, 225, 255, 0.8);
    --color-10-08: rgb(52, 74, 154, 0.8);

    --color-00-05: rgba(16, 16, 36, 0.5);
    --color-01-05: rgba(25, 25, 59, 0.5);
    --color-02-05: rgba(46, 45, 87, 0.5);
    --color-03-05: rgba(87, 87, 161, 0.5);
    --color-04-05: rgba(120, 120, 161, 0.5);
    --color-05-05: rgba(161, 161, 215, 0.5);
    --color-06-05: rgba(200, 200, 215, 0.5);
    --color-07-05: rgba(225, 225, 255, 0.5);

    --color-00-04: rgba(0, 0, 31, 0.4);
    --color-01-04: rgba(90, 78, 203, 0.4);

    --color-00-02: rgba(16, 16, 36, 0.2);
    --color-01-02: rgba(25, 25, 59, 0.2);
    --color-02-02: rgba(46, 45, 87, 0.2);
    --color-03-02: rgba(87, 87, 161, 0.2);
    --color-04-02: rgba(120, 120, 161, 0.2);
    --color-05-02: rgba(161, 161, 215, 0.2);
    --color-06-02: rgba(200, 200, 215, 0.2);
    --color-07-02: rgba(225, 225, 255, 0.2);

    --system-header-color: var(--color-00);
    --system-body-color: var(--color-01);

    --module-header-color: var(--color-02);
    --module-body-color: var(--color-01);
    --module-footer-color: var(--color-02);
    --module-left-color: var(--color-02);
    --module-right-color: var(--color-02);

    --scroll-track-color: var(--color-01);
    --scroll-thumb-color: linear-gradient(45deg, var(--color-highlight-11), var(--color-highlight-01));

    --font-primary-color: var(--color-05);
    --font-light-color: var(--color-04);
    --font-hover-color: var(--color-07);
    --font-active-color: var(--color-highlight-01);
    --font-input-color: var(--color-06);
    --font-label-color: var(--color-05);
    --font-readonly-color: var(--color-04);
    --font-disabled-color: var(--color-00-05);

    --border-default-color: var(--color-02);
    --border-primary-color: var(--color-03);
    --border-shadow-color: var(--color-03);
    --border-hover-color: var(--color-highlight-01);
    --border-active-color: var(--color-highlight-01);

    --panel-default-color: var(--color-01);
    --panel-default-alpha-color: var(--color-01-05);
    --panel-primary-color: var(--color-02);
    --panel-alpha-color: var(--color-01-08);
    --panel-header-color: var(--color-02);
    --panel-body-color: var(--color-01);
    --panel-footer-color: var(--color-02);
    --panel-shadow-color: var(--color-00-08);

    --table-container-color: var(--color-01);
    --table-header-color: var(--color-02);
    --table-body-color: var(--color-01);
    --table-footer-color: var(--color-02);
    --table-border-color: var(--color-03);
    --table-row-hover-color: var(--color-02);

    --list-header-color: var(--color-02);
    --list-body-color: var(--color-01);
    --list-footer-color: var(--color-02);
    --list-item-default-color: var(--color-02);
    --list-item-active-color: var(--color-03);
    --list-item-disabled-color: var(--color-04-05);
    --list-item-shadow-color: var(--color-04);
    --list-item-border-color: var(--color-01);

    --input-bg-color: var(--color-02);
    --input-active-color: var(--color-03);
    --input-selected-color: var(--color-03);
    --input-border-color: var(--color-03);
    --input-border-focus-color: var(--color-03);
    --input-border-hover-color: var(--color-03);
    --input-addon-color: var(--color-03);
    --input-disabled-color: var(--color-00-05);

    --badge-font-color: var(--color-08);
    --badge-default-color: var(--color-03);
    --badge-hover-color: var(--color-04);
    --badge-shadow-color: var(--color-00-08);

    --radio-default-color: var(--color-03);
    --radio-checked-back-color: var(--color-00);
    --radio-checked-front-color: var(--color-highlight-01);

    --db-bg-color: var(--color-20);
    --db-panel-bg-color: var(--color-01-05);
    --db-heading-title-color: var(--color-07);
    --db-heading-subtitle-color: var(--color-07);
    --db-custom-btn-color: var(--color-21);
    --db-custom-btn-hover-color: var(--color-22);
    --db-special-number-bg-color: linear-gradient(to bottom, var(--color-01-08), var(--color-10-08), var(--color-01-08));
    --db-card-date-color: var(--color-23);
    --db-odd-card-bg-color: var(--color-01-04);
    --db-even-card-bg-color: var(--color-00-04);
}

